/*横屏设置*/
* {
    /*初始化样式*/
    margin: 0;
    padding: 0;
    -webkit-touch-callout:none;  /*系统默认菜单被禁用*/
    -webkit-user-select:none; /*webkit浏览器*/
    -khtml-user-select:none; /*早期浏览器*/
    -moz-user-select:none; /*火狐*/
    -ms-user-select:none;  /*IE10*/
    user-select:none;
}
input{
  -webkit-user-select: auto;
}

html {
    /*用于 获取 屏幕的可视宽高*/
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

.ovfHiden{overflow: hidden;height: 100%;}
body {
    /*让 body 初始 width 和 height 就 等于 页面可视区域的 宽高*/
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;

    /*用于 测试的 样式*/
    background-color: #444;
    color: black;
    letter-spacing: 4px;
    /*font-size: 28px;*/
    /*文字居中*/
    display: flex;
    justify-content: center;
    align-items: center;
    overflow-x: hidden;     
    overflow-y: hidden;   
    
  }
 
  #modle_main{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }

  @media screen and (orientation:portrait) {
    /*竖屏样式*/
    body {
      transform-origin: 0 0;
      transform: rotateZ(90deg) translateY(-100%);
    }
  }
  